<template>
  <div v-if="goodsIntro" pt-36rpx pb-100rpx>
    <div v-if="goodsIntro && goodsIntro.length">
      <image mode="widthFix" style="width:100%;display: block;" :src="item" v-for="(item, index) in goodsIntro"
        :key="index" />
    </div>
    <div v-else>
      <empty />
    </div>
  </div>
</template>

<script setup lang="ts">
import empty from '@/components/empty/index.vue';
const goodsIntro = ref<any>([])
const props = defineProps<{
  res: any
}>()

watch(() => props.res, async (val) => {
  if (val) {
    goodsIntro.value = val.split(',')
  }
}, { immediate: true, deep: true })
</script>

<style scoped lang="scss"></style>
